@media screen and (max-width: 600px) {

    /* TOP-HEADER */

    .top-header{
        padding: 15px 0;
    }
   .navbar .navbar-toggler:focus{
     outline: none !important;
   }
    /* BANNER */

    .carousel p{
        padding: 0;
    }
    .carousel h1{
        font-size: 27px;
    }
  

    /* ABOUT */

    .about .about-head p{
        padding: 0;

    }
    .about .about-head h2{
        font-size: 27px;
    }
    .about .about-content h4{
        margin-top: 16px;
    }

    /* works */

    .works h2{
        font-size: 27px;
    }

    /* CONTACT */

    .contact h2{
        font-size: 27px;

    }

    .bottom-footer{
        text-align: center;
    }
    
}